import React from 'react';
import LineAreaChart from './LineAreaChart';

export default class MissionLineAreaChart extends LineAreaChart {

	constructor(props) {
		super(props);
	}

	/**
	 * @override
	 */
	getSeries(props) {
		let { dataSource } = props;

		return [{
			name: '人数',
			type: 'area',
			data: dataSource.allMissionPeopleCountSeries,
			tooltip: {
				valueSuffix: ''
			},
			plotOptions: {
                series: {
	                marker: {
	                    enabled: false
	                }
	            }
			}
		}, {
			name: '次数',
			type: 'line',
			yAxis: 2,
			data: dataSource.allMissionTimeCountSeries,
			tooltip: {
				valueSuffix: ''
			}
		},{
			name: '成功关卡数',
			type: 'line',
			yAxis: 2,
			data: dataSource.allMissionEndCountSeries,
			tooltip: {
				valueSuffix: ''
			}
		}, {
			name: '关卡数',
			type: 'line',
			yAxis: 2,
			data: dataSource.allMissionCountSeries,
			tooltip: {
				valueSuffix: ''
			}
		}];
	}
}
